<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>物料称重</title>
	<script src="../Public/publicjs.js"></script>
	<link rel="stylesheet" href="weighting.css">
	<script type="text/javascript" src="weighing.js"></script>
</head>
<body style="padding: 5px;">
	<div class="row" style="margin: 0px">
		<div class="col-md-12" style="margin:0px;padding: 0px">
			<div class="panel panel-primary" style="margin: 0px">
				<div class="panel-heading"><span><strong>批指令</strong></span></div>
				<div class="panel-body" style="width: 100%;padding: 5px 0 0 0;">
					<!-- 批指令详细信息 -->
					<div id="leftArea" class="col-md-9" style="padding: 0;">
						<div id="batchInstruct" class="col-md-12" style="padding: 0;">
							<div class="col-md-12" style="padding: 0px">
								<div class="col-md-4">
									<label for="btcInstructionNum">批指令号: </label>
									<span id="btcInstructionNum"></span>
								</div>
								<div class="col-md-4">
									<label for="matCode">产品代码: </label>
									<span id="matCode"></span>
								</div>
								<div class="col-md-4">
									<label for="matName">产品名称: </label>
									<span id="matName"></span>
								</div>
							</div>
							<div class="col-md-12" style="padding: 0px">
								<div class="col-md-4">
									<label for="optionNum">操作指令号: </label>
									<span id="optionNum"></span>
								</div>
								<div class="col-md-4">
									<label for="batchNum">批号: </label>
									<span id="batchNum"></span>
								</div>
								<div class="col-md-4">
									<label for="standard">规格: </label>
									<span id="standard"></span>
								</div>
							</div>
							<div class="col-md-12" style="padding: 0;">
								<div class="col-md-4">
									<label for="planBatch">计划批量: </label>
									<span id="planBatch"></span>
								</div>
								<div class="col-md-6" style="padding-left: 15px;">
									<label for="planData">计划生产日期: </label>
									<span id="planData"></span>
								</div>
							</div>
							<!-- progress -->
							<div class="col-md-12" style="position:relative;padding-left: 15px;">
								<div class="progress" style="height: 70px;margin-bottom: 3px;">
									<div id="progressbar" class="" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;text-align: center;line-height: 70px;">
										<span style="font-weight: bolder;font-size: 24px;">-0.000</span>
									</div>
								</div>
								<div id="icon" class="col-md-12" style="height: 50px;position:relative;margin-bottom: 5px;padding-left: 0;padding-right: 0;">
									<div style="width: 60px;position:absolute;left: -6px;top: 0;">
										<p class="glyphicon glyphicon-eject"></p>
										<p><strong>0</strong></p>
									</div>
									<div style="width: 60px;position:absolute;left: 60%;top: 0;">
										<p class="glyphicon glyphicon-eject"></p>
										<p id="minError"><strong></strong></p>
									</div>
									<div style="width: 60px;position:absolute;left: 70%;top: 0;">
										<p class="glyphicon glyphicon-eject"></p>
										<p id="maxError"><strong></strong></p>
									</div>
									<div style="width: 60px;position:absolute;left: 65%;top: 0;">
										<p class="glyphicon glyphicon-eject"></p>
										<p id="target"><strong></strong></p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 称具信息 -->
					<div id="rightArea" class="col-md-3" style="margin:0px;padding: 0px">
						<div class="panel panel-primary">
							<div class="panel-heading"><span><stron>称具信息</stron></span></div>
							<div class="panel-body">
								<div class="col-md-12">
									<label for="equipmentCode">设备代码: </label>
									<span id="equipmentCode"></span>
								</div>
								<div class="col-md-12">
									<label for="minimumRange">量 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 程: </label>
									<span id="minimumRange"></span>
									<span id="range"> - </span>
									<span id="ultimateRange"></span>
								</div>
								<div class="col-md-12">
									<label for="precisionValue">分 &nbsp;度&nbsp;值：</label>
									<span id="precisionValue"></span>
								</div>
								<div class="col-md-12">
									<label for="tare">皮 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 重：</label>
									<span id="tare"></span><span class="unit"></span>
								</div>
								<div class="col-md-12">
									<label for="weighting">毛 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 重：</label>
									<span id="weighting"></span><span class="unit"></span>
								</div>
								<div class="col-md-12">
									<label for="netweight">净 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 重：</label>
									<span id="netweight"></span><span class="unit"></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="panel panel-primary" style="margin: 5px 0px;">
		<div class="panel-heading"><span><strong>称量信息</strong></span></div>
		<div class="panel-body row" style="width: 100%;margin: 0;">
			<!-- 称量信息 -->
			<div class="col-md-6" style="padding: 0;">
				<div id="leftSide" class="col-md-6" style="padding-left: 0;">
					<div class="col-md-12">
						<label for="BomItemCode">BOM物料编码：</label>
						<span id="BomItemCode"></span>
					</div>
					<div class="col-md-12">
						<label for="materialCode">物料代码：</label>
						<span id="materialCode"></span>
					</div>
					<div class="col-md-12">
						<label for="materialName">物料名称：</label>
						<span id="materialName"></span>
					</div>
					<div class="col-md-12">
						<label for="weighingMode">称量模式：</label>
						<span id="weighingMode"></span>
					</div>
					<div class="col-md-12">
						<label for="toleranceLower">误 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 差：</label>
						<span id="toleranceLower"></span>
						<span id="errorRange"> - </span>
						<span id="toleranceUpper"></span>
					</div>
				</div>
				<div id="rightSide" class="col-md-6" style="padding-left: 0;">
					<div class="col-md-12">
						<label for="materialBatch">物料批次：</label>
						<span id="materialBatch"></span>
					</div>
					<div class="col-md-12">
						<label for="theoreQuantity">理论数量：</label>
						<span id="theoreQuantity"></span>
					</div>
					<div class="col-md-12">
						<label for="purity">折 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 纯：</label>
						<span id="purity"></span>
					</div>
					<div class="col-md-12">
						<label for="countQuantity">计算数量：</label>
						<span id="countQuantity"></span>
					</div>
				</div>
			</div>
			<!-- 包装信息 -->
			<div id="packageTable" class="col-md-6" style="padding-left: 0;">
				<table id="packageList" data-toggle="table"
                       data-click-to-select="true"
                       data-striped="true"
                       data-row-style="rowStyle"
                       data-cell-style="cellStyle"
					   data-height="144">
                    <thead>
	                    <tr>
	                        <th data-field="packageId" data-visible="false"></th>
	                        <th data-field="packageNo">包装号</th>
	                        <th data-field="actualWeight">实际重量</th>
	                    </tr>
                    </thead>
                </table>
				<div id="total" class="col-md-12" style="padding-left: 8px;">
					<div class="col-md-6" style="padding: 0;">
						<label for="theoreticalWeightSum">折纯量合计：</label>
						<span id="theoreticalWeightSum"></span>
					</div>
					<div class="col-md-6" style="padding: 0;">
						<label for="actualWeightSum">实际重量合计：</label>
						<span id="actualWeightSum"></span>
					</div>
				</div>
			</div>
			<!-- 步骤导航 -->
			<div id="stepNavBar" class="col-md-12" style="padding: 0;margin-top: 15px;">
				<ul class="nav nav-pills" style="width: 850px;margin: 0 auto;">
					<li role="presentation" id="firstStep" operate="1"><a class="step">批指令</a></li>
					<li class="glyphicon glyphicon-menu-right"></li>
					<li role="presentation" operate="2"><a>BOM</a></li>
					<li class="glyphicon glyphicon-menu-right"></li>
					<li role="presentation" operate="3"><a>物料批次</a></li>
					<li class="glyphicon glyphicon-menu-right"></li>
					<li role="presentation" operate="4"><a>称量模式</a></li>
					<li class="glyphicon glyphicon-menu-right"></li>
					<li role="presentation" operate="5"><a>选择称具</a></li>
					<li class="glyphicon glyphicon-menu-right"></li>
					<li role="presentation" operate="6"><a>称具清零</a></li>
					<li class="glyphicon glyphicon-menu-right"></li>
					<li role="presentation" operate="7"><a>录入皮重</a></li>
					<li class="glyphicon glyphicon-menu-right"></li>
					<li role="presentation" id="lastStep" operate="8"><a>称量重量</a></li>
				</ul>
			</div>
			<!-- 上一步&下一步按钮 -->
			<div class="col-md-3" style="margin-top: 30px;">
				<div id="message" class="col-md-12">
					<span></span>
				</div>
			</div>
			<div class="col-md-5" style="margin-top: 30px;margin-left: 5%;">
				<div id="pre" class="col-md-4" style="text-align: right;">
					<button type="button" id="preBtn" class="btn btn-primary" style="width: 100px;height: 50px;">上一步</button>
				</div>
				<div id="nowStep" class="col-md-4" style="text-align: center;">
					<button type="button" id="operateBtn" class="btn" style="width: 100px;height: 50px;"><span></span></button>
				</div>
				<div id="next" class="col-md-4" style="text-align: left;">
					<button type="button" id="nextBtn" class="btn btn-primary" style="width: 100px;height: 50px;" disabled="disabled">下一步</button>
				</div>
			</div>
			<div class="col-md-3" style="margin-top: 30px;margin-left: 3%;padding-left: 125px;">
				<div id="weighResult" class="col-md-5">
					<button type="button" id="resultBtn" class="btn btn-primary" style="width: 100px;height: 50px;">称量结果</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>